import React from 'react';
import { Icon, Tools } from 'weaver-mobile';
import { NavLink } from 'react-router-dom';

const getLabel = Tools.getLabel; 

export default class Footer extends React.Component {

  render() {
    return (
      <div className='edc-mobile-msg-footer'>
        <div>
          <NavLink exact to='/form' activeClassName='selected'>
            <Icon type='business' size='xs'/>
            <span>{getLabel(523179, '数据收集')}</span>
          </NavLink>
        </div>
        <div>
          <NavLink exact to='/form/write' activeClassName='selected'>
            <Icon type='generate-bookkeeping' size='xs' />
            <span>{getLabel(523180, '表单填写')}</span>
          </NavLink>
        </div>
      </div>
    )
  }
}